// 文件依赖关系复杂
// 静态资源请求效率低
// 模块化支持不够友好
// 对高级JS特性兼容性差
// webpack:前端项目打包工具
// 能够进行代码压缩\ JS兼容性\ 性能优化\依赖关系处理

// 安装与使用
// npx run dev

// 手动修改打包入口和出口

// 自动执行打包过程

// 自动生成预览页面

// 自动打包工具的参数配置

// loader加载器：webpack只能打包Js，其他模块需要调用loader加载器

// style-loader和css-loader能够打包css文件

// less-loader能够打包less文件

// sass-loader能够打包scss文件

// postcss-loader可以自动添加兼容性前缀

// 打包样式表中的图片和字体文字url-loader\file-loader
// base64文件格式，小于给定值的时候会被转成base64

// 打包js中的高级语法babel-loader